<template>
  <div>
      <el-button  @click="dialogVisible = true">{{ data.buttonTitle }}</el-button>
  
  <el-dialog
    title="提示"
    :visible.sync="dialogVisible"
    width="30%"
    :before-close="handleClose">
    <span>{{ data. buttonMessage}}</span>
    <span slot="footer" class="dialog-footer">
      <el-button @click="dialogVisible = false">取 消</el-button>
      <el-button type="primary" @click="dialogVisible = false">确 定</el-button>
    </span>
  </el-dialog>
  </div>
  </template>
  <script>
  export default{
      props: ['data'],
      data(){
          return{
              dialogVisible: false,
              
        
          }
      },
      name:"dialog",
      methods:{
          handleClose(done) {
          this.$confirm('确认关闭？')
            .then(_ => {
              done();
            })
            .catch(_ => {});
        }
      }
  }
  </script>
  <style>
  </style>